<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>To-Do Lists</title>
        
        <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
        <script src="js/localStorage.js" type="text/javascript"></script>
        <script src="js/addTask.js" type="text/javascript"></script>
        
        <style>
            @import url("css/general.css");
        </style>
        
    </head>
    <body>
        <div id="main">
            <div id="header">
                <div id="btnHome">
                    <img src="img/icoInicio.png" alt="home" title="Go to home" />
                </div>
                <div id="titleBar">
                    Add Task
                </div>
                <div id="btnOptions">
                    <img src="img/icoMenu.png" alt="menu" title="Menu"/>
                </div>
                <div id="btnReturn">
                    <a href="taskList.html"><img src="img/icoVolver.png" alt="menu" title="Menu"/></a>
                </div>
            </div>

            <div id="wrapper">
                <br>
                
                <p id="feedBack"> </p>
                
                <form id="addTaskForm">
                    <input type="text" placeholder="Task Title" name="taskTitle"/>
                    <textarea placeholder="Description" name="taskDesc"></textarea>
                    <select id="tPriority" placeholder="Priority" name="taskPriority">
                        <option>High</option>
                        <option>Medium</option>
                        <option>Low</option>
                    </select>
                    
                    <input id="dueDate" type="date" placeholder="Date" name="taskDue"/>
                    <input class="boton" type="button" value="Save" name="taskSubmit"/>
                </form>
                
            </div>
        </div>
    </body>
</html>